<script >
import MyComponents from "./components/MyComponents.vue"
import LessonTest from "./components/LessonTest.vue"
import StyleCompontent from "./components/StyleCompontent.vue"
import VifVshow from "./components/VifVshow.vue"
import LessonDemo from "./components/LessonDemo.vue"
export default{
  components: { MyComponents,LessonTest,StyleCompontent,VifVshow,LessonDemo },
  data() {
    return {
      title:'giluo',
      tip:'欢迎来到Vue'
    }
  },
}
</script>

<template>
  <h2>{{tip}}</h2>
  {{title}}
  <MyComponents/>
  <LessonTest/>
  <StyleCompontent/>
  <VifVshow/>
  <hr>
  <LessonDemo/>

</template>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
